<?php 
$url = $this->baseUrl();
$storage = new Zend_Auth_Storage_Session();
$data = $storage->read();
?>

<div class="front-bg">
	<img class="front-image" src="<?php echo $this->dirImg;?>/bg-land.jpg">
</div>

<div class="page-canvas" style="width: 100%;margin:0px;">

	<div style="width: 700px; margin: auto;">
		
		<div class="content-main">

            <div class="content-header">

                <div class="header-inner">

                    <h3 style="font-size: 12px;">
                         Preview Chanel:
                    </h3>

                </div>

            </div>

            <div class="js-tweet-preview-container"></div>
            
            <div class="welcome-faux-tweet-stream js-welcome-faux-tweet-stream">

                <div class="unfocusable-stream-item stream-item js-intro-tweet">

                    <?php if(@$_GET["next"] == "1"):?>
                    
                    <div class="tweet js-unclickable-tweet unclickable-tweet" style="opacity: 1; height: 400px;">
                    	<p><b>1. Channel là gì?</b></p>
                    	<p>
                    	
                    	Channel là một kênh sở thích về một thể loại của đời sống (thể thao, âm nhạc, du lịch,...).                    	
                    	Thành viên trong Channel có thể chi sẻ tâm tư, tình cảm của mình về hoạt động của Channel.
                    	</br>
                    	Ví dụ: 
                    	<ul style="list-style-type: disc;">
                    		<li>Channel về thể thao: Channel Fan Mu, Channel Fan Arsenal, ...</li>
                    		<li>Channel về âm nhạc : Channel Fan Đan Trường, Channel Fan Mỹ Tâm, ...</li>                    	
                    	</ul>                    	
                    	</p>
                    	<p><b>2. Quy định và Quyền lợi về việc sở hữu Channel:</b></p>
                    	<p>- Quy định:
	                    	<ul style="list-style-type: disc;">
	                    		<li>Khi quản lý , biên tập nội dung Channel không được phép dùng nội dung, hình ảnh có hình thức khiêu gợi.</li> 
	                    		<li>Không được lợi dung Channel để nói xấu những Channel khác.</li>
	                    	</ul>
                    	</p>
                    	<p>- Quyền lợi:
                    		<ul style="list-style-type: disc;">
                    			<li>Được toàn quyền quản lý Channel về thành viên (block thành viên không phù hợp với Channel).</li>
                    			<li>Channel sở hữu thành viên Kết nối >1000 thì sẽ được hỗ trợ chi phí bảo trì Channel.</li>
                    		</ul>                    		
                    	</p>
                    	
                    	<p style="margin-top: 20px;">
                    		<input id="agree" type="checkbox" style="margin-top: -2px;">
                    		<span style="font-size: 11px;  font-weight: bold;">Tôi đã hiểu về việc sở hữu Channel</span>
                    	</p>
						
                    </div>
                    
                    <?php else:?>
                    
                    <div class="tweet js-unclickable-tweet unclickable-tweet" style="opacity: 1;">

                        
							<div class="avatar" style="width: 100px; height: 100px; top: 12px;">
								<p>
								<a href="#">
								
								<?php if($this->chanel_item):?>
								
									<img id="avatar" alt="noavatar" style="width: 100px; height: 100px;" src="<?php echo $url;?>/upload/<?php echo $this->chanel_item["logo"];?>">
									
								<?php else :?>
									<img id="avatar" alt="noavatar" style="width: 100px; height: 100px;" src="<?php echo $this->dirImg;?>/logo.jpg">
								<?php endif;?>
								</a>
								</p>
								<form enctype="multipart/form-data" name="uploadavatar" id="uploadavatar" method="POST" action="<?php echo $url;?>/registration/auth/uploadlogo/">		
													
									<label id="camera" style="margin-left: -10px; margin-top: -10px;" class="ipt-form-upload-label" data-title="Insert Media" data-delay="{ show: 500, hide: 100 }" data-placement="bottom" >

					                   <span>Upload Logo</span>
					
					                   <span><input type="file" id="myfile_avatar" name="myfile" /></span>
					
					                   <div class="clearfix"></div>
					                   
					              </label>
					               	
								</form>
							</div>
							
							
							
							<form method="post" name="form_chanel">
								<div class="blank-info">									
									<p class="innerWrap info">
										<span class="icon-user"></span>									
										</span>
										<input name="txt_name" type="text" class="inputtext-blank textInput DOMControl_placeholder"  placeholder="Tên Chanel"  value="">
									</p>									
									<p class="innerWrap info">
										<span class="icon-list-alt"></span>									
										
										<textarea name="txt_des" rows="2" style="width:220px; font-size: 12px;"  placeholder="Mô tả về Chanel"></textarea>
										
									</p>									
									<p class="innerWrap info">
										<span class="icon-tag"></span>									
										<select name="type" class="inputtext-select textInput DOMControl_placeholder">
											<option value="">Loại Chanel</option>
											<option value="music">Âm nhạc</option>
											<option value="sport">Thể thao</option>
											<option value="travel">Du lịch</option>
											<option value="fashion">Thời trang</option>
											<option value="car">Ô tô</option>
											<option value="other">Khác</option>
										</select>
									</p>									
									<p class="innerWrap info">
										<span class="icon-map-marker"></span>									
										<input name="txt_location" type="text"  class="inputtext-blank textInput DOMControl_placeholder"  placeholder="Địa điểm"  value="">
									</p>									
								</div>
								
								<input type="hidden" id="chanel" name="chanel" value="" >
								
							</form>
							
						</div>
						
						<?php endif;?>

                    </div>

                </div>
                

            </div>
            

			<div class="clear"></div>            

            <div class="component js-stream-end" style="">
                <div class="stream-end">
                    <div class="stream-end-inner">

                    <div style="margin-left: 200px;">                    
                       
                       <?php if(@$_GET["next"] == "1"):?>
                       
                       		<a href="javascript:void(0);" onclick="checkAgree('agree');" class="btn btn-info">Tạo chanel</a>
                       		
                       <?php else:?>
                       		<a href="javascript:void(0);" class="btn btn-info" onclick="document.forms['form_chanel'].submit();">Save</a>
                       <?php endif;?>	
                       	
                    </div>

                    </div>
                </div>
            </div>

        </div>
		
	</div>

</div>

<script type="text/javascript">

function checkAgree(id){
	if ($('#'+id).is(':checked')) {
		self.location='<?php echo $url;?>/registration/index/chanel/?next=2';
	} else {
	    alert('Vui lòng bạn check vào ô "Tôi đã hiểu về việc sở hữu Channel.')
	} 
}

$(document).ready(function(){

	var options = {
            //target:        '#tutor',   // target element(s) to be updated with server response
            beforeSubmit:  showRequest,  // pre-submit callback
            success:       showResponse  // post-submit callback
           
        };

	$('#myfile_avatar').change(function() {		
	    
		$('#uploadavatar').submit();			    
	    
	});

	// bind form using 'ajaxForm'
	 // bind to the form's submit event 
    $('#uploadavatar').submit(function() { 
        // inside event callbacks 'this' is the DOM element so we first 
        // wrap it in a jQuery object and then invoke ajaxSubmit 
        $(this).ajaxSubmit(options); 
 
        // !!! Important !!! 
        // always return false to prevent standard browser submit and page navigation 
        return false; 
    }); 

    
        // pre-submit callback
        function showRequest(formData, jqForm, options) {
        
            var queryString = $.param(formData);

        
            //alert('About to submit: \n\n' + queryString);

        
            return true;
        }

        // post-submit callback
        function showResponse(responseText, statusText, xhr, $form)  {

        	
        	
        	var data = JSON.parse(responseText);
        	
            $("#avatar").attr("src","<?php echo $url;?>/upload/"+data.img);

            $("#chanel").val(data.id);
                               
        }

	
});

</script>

